<!--
 * @Author: lc
 * @version: v1.2
 * @Date: 2021-10-27 13:37:38
 * @LastEditors: lc
 * @LastEditTime: 2021-10-27 19:09:19
 * @Descripttion: 表格
-->
<template>
  <div>
    <dyt-table :tableInfo="tableInfo" />
  </div>
</template>

<script>
export default {
  name: 'table',
  data() {
    return {
      tableInfo: {
        styleConfig: {
          border: true, // 是否需要边框
          width: '100%', // 表单宽度
          height: '100%', // 表单高度（用于固定表头，传固定值即可 300）
          stripe: false, // 是否为斑马纹 (默认false)
          highlightCurrentRow: false // 是否高亮当前行
        },
        columns: [
          {
            label: '创建时间',
            prop: 'date'
          },
          {
            label: '姓名',
            prop: 'name'
          },
          {
            label: '省份',
            prop: 'province'
          },
          {
            label: '市区',
            prop: 'city'
          },
          {
            label: '地址',
            prop: 'address'
          },
          {
            label: '邮编',
            prop: 'zip'
          },
          {
            label: '状态',
            prop: 'state',
            beforeDisplay: row => {
              if (row.state === 0) return '正常'
              if (row.state === 1) return '锁定'
              if (row.state === 2) return '禁用'
            }
          },
          {
            type: 'action',
            label: '操作',
            content: ['修改', '删除']
            // onClick: [this.showActivityDetail, this.showPreView]
          }
        ],
        hides: ['select'] // 通过判断数组中存在，显示对应的功能
      }
    }
  }
}
</script>

<style>
</style>